<template>
  <div class="text-white">
    <!-- 1 -->
    <p class="mb-2 font-semibold text-sm lg:text-base">
      <em class="">1.</em>
      {{ $mt('How do I make a purchase on your platform?') }}
    </p>
    <p class="text-xs lg:text-sm text-white2 mb-4">
      {{
        $mt(
          "To make a purchase, simply log in to your account, choose the service or product you'd like to buy, and follow the checkout process. You can complete the payment using the available payment methods",
        )
      }}
    </p>
    <!-- 2 -->
    <p class="mb-2 font-semibold text-sm lg:text-base">
      <em>2.</em>
      {{ $mt('What payment methods do you accept?') }}
    </p>
    <p class="text-xs lg:text-sm text-white2 mb-4">
      {{
        $mt(
          'We accept a variety of payment methods, including credit/debit cards, digital wallets, and bank transfers. Please check the payment options during checkout for the full list of available methods.',
        )
      }}
    </p>
    <!-- 3 -->
    <p class="mb-2 font-semibold text-sm lg:text-base">
      <em>3.</em>
      {{ $mt('Is it safe to make payments on your platform?') }}
    </p>
    <p class="text-xs lg:text-sm text-white2 mb-4">
      {{
        $mt(
          'Yes, we use industry-standard encryption to ensure that all transactions are secure. Your personal and payment information is protected at all times.',
        )
      }}
    </p>
    <!-- 4 -->
    <p class="mb-2 font-semibold text-sm lg:text-base">
      <em>4.</em>
      {{ $mt('Can I cancel or refund my purchase?') }}
    </p>
    <p class="text-xs lg:text-sm text-white2 mb-4">
      {{
        $mt(
          "Once a purchase is made, it is generally non-refundable. However, if there is an issue with your order, please contact our customer support team, and we'll assist you as best we can.",
        )
      }}
    </p>
    <!-- 5 -->
    <p class="mb-2 font-semibold text-sm lg:text-base">
      <em>5.</em>
      {{ $mt('How do I redeem my purchase after I complete payment?') }}
    </p>
    <p class="text-xs lg:text-sm text-white2 mb-4">
      {{
        $mt(
          "After completing your purchase, you'll receive instructions on how to redeem the product via email or directly on the platform. Make sure to check your account or inbox for the redemption details.",
        )
      }}
    </p>
    <!-- 6 -->
    <p class="mb-2 font-semibold text-sm lg:text-base">
      <em>6.</em>
      {{ $mt("I didn't receive my purchased item. What should I do?") }}
    </p>
    <p class="text-xs lg:text-sm text-white2 mb-4">
      {{
        $mt(
          "If you have not received your purchased item, please check your account and email for the redemption details. If it’s still missing, contact our customer support team with your order details, and we'll resolve the issue promptly.",
        )
      }}
    </p>
  </div>
</template>
